<!DOCTYPE html>
	<html>
	<head>
	<!-- 
 Title: Case Details page for ICMS 
 Summary: Endless changes......Kill me pls...
 Author: LU Yi Chen
 Date: Nov 2013
  -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- ============================CSS link goes here============================ -->
		<!-- <link rel="stylesheet" href="css/globle.css"> -->
		<link rel="stylesheet" href="jquery-ui-1.10.3.flick/css/flick/jquery-ui-1.10.3.custom.css">
		<!-- Bootstrap -->
		<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" media="screen">
		<!-- Responsive -->
		<link href="css/bootstrap-responsive.css" rel="stylesheet">
		<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/buttons-min.css">
		<link rel="stylesheet" href="css/pure-skin-mine.css">	
		<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" rel="stylesheet">
		<!-- <link rel="stylesheet" href="css/modal.css"> -->
		<link rel="stylesheet" href="css/decoration.css">
		<link rel="stylesheet" href="css/responsive.css">
		<link rel="stylesheet" href="css/buttons.css">
		<link rel="stylesheet" href="js/DataTables/css/jquery.dataTables.css">
		
		<!-- ============================End of CSS links============================ -->

		<!-- ============================JS file goes here============================ -->
		<script src="jquery-ui-1.10.3.flick/js/jquery-1.9.1.js"></script>
		<script src="jquery-ui-1.10.3.flick/js/jquery-ui-1.10.3.custom.min.js"></script>
		<!-- Bootstrap -->
		<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.js"></script>
		<script src="js/bootstrap-tab.js"></script>
		<script src="js/jsResponsive.js"></script>
		<script src="js/jsButton.js"></script>
		<script src="js/AI1JavaScript.js"></script>
		<script src="js/getURLParameter.js"></script>
		<script src="js/dataExchangeAjax.js"></script>

		<script src="js/DataTables/js/jquery.dataTables.js"></script>
		<script src="js/inboxAjax.js"></script>
		<script src="js/confirmationDialog.js"></script>

		<!-- jGrowl -->
		<link rel="stylesheet" href="js/jGrowl/jquery.jgrowl.css">
		<script src="js/jGrowl/jquery.jgrowl.js"></script>
		<!-- NProgress -->
		<link rel="stylesheet" href="js/nprogress/nprogress.css">
		<script src="js/nprogress/nprogress.js"></script>
	</head>
	<body>
		<header class="row-fluid">
		<div class="row-fluid">
			<div class="span3 offset9">
				<img id="govLogo" src="images/gov-logo.png" alt="Singapore Government verified"></img>
			</div>
		</div>
		<div class="row-fluid">
			<div class="span12">
				<img id="banner" src="" alt="Integrated Case Management System" class="span8" href="#">
			</div>
		</div>
		
		</div>
	</header>
	<div class="container-fluid main">
		<div class="loginBox">
			<div class="innerLoginBox">
				<h1>Log in</h1>
				<hr class="slimLine">
				<div class="row-fluid">
					<input type="text" id="tbxUsername" placeholder="Username"/>
				</div>
				<div class="row-fluid">
					<input type="password" placeholder="Password"/>
				</div>
				<div class="row-fluid">
					<select name="" id="ddlLoginType">
						<option value="0">Select Agency</option>
						<option value="AVA">AVA</option>
						<option value="HDB">HDB </option>
						<option value="LTA">LTA</option>
						<option value="NEA">NEA</option>
						<option value="NPARKS">NPARKS</option>
						<option value="PUB">PUB</option>
						<option value="SPF">SPF</option>
						<option value="PSD">PSD</option>
					</select>
				</div>
				<br/>
				<div class="row-fluid">
					<button id="btnLogin" class="tailButton pure-button pure-button-primary">Log in</button>
				</div>
			</div>
			
		</div>
	</div>

	<footer class="row-fluid">
		<span id="copyright">&copy; Copyright 2013, All rights Reserved.</span>
		<span id="PSTCD">Privacy Statement | Terms &amp; Conditions | Disclaimer</span>
	</footer>
</body>
</html>